<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="../css/Head_s.css">
		<link rel="stylesheet" type="text/css" href="../css/Share.css" />
		<style type="text/css">
			.Red {
				width: 100%;
				height: 4461px;
				background: url(../img/view/beijing1.jpg) center 0px no-repeat;
			}
			.Red .center{
				width: 1190px;
				margin: 0 auto;
				/* background-color: aquamarine; */
			}
			.Red .box-0{
				height:656px;
			}
			/* 1.1 */
			.Red .video {
				height: 540px;
				padding: 10px 5px;
				
				background-color: aqua;
			}

			.Red .video .v_left {
				width: 65%;
				height: 100%;
				/* margin-left: 5px; */
				background-color: aquamarine;
			}

			/* .Red .video .v_right{
				width: 30%;
				height: 100%;
				background-color: bisque;
			} */
			/* 1.2 */
			.Red .nine {
				/* background-color: aqua; */

			}
			.Red .nine .nine_tit{
				height: 60px;
				margin-top: 60px;
				line-height: 60px;
				text-align: center;
			}
			.Red .nine .nine_tit img{
				z-index: 11;
				width: 581px;
				height: 54px;
			}
			.Red .nine .nine_1{
				width: 752px;
				height: 566px;
				/* background-color: blanchedalmond; */
				margin-left: 440px;
				margin-top: 15px;
			}
			.Red .nine .nine_1 ul li {
				width: 220px;
				height: 163px;
				margin: 0 0 30px 30px;
			}
			.Red .nine .nine_1 ul li  a{
				width: 100%;
				height: 100%;
				background-color: maroon;
				display: block;
			}
			.Red .nine .nine_1 ul li a img{
				width: 100%;
			} 
			.Red .nine .nine_1 ul li a p{
				background-color: maroon;
				color: #FFF;
				height: 40px;
				line-height: 40px;
				text-align: center;
			}
			.Red .nine .nine_1 ul {
				display: flex;
				justify-content: space-between;
				align-items: center;
				flex-wrap: wrap;
			}
		</style>
		<title>红色精神</title>
	</head>
	<body>
		<div class="Red">
			<!-- 头部 -->
			<div class="head" id="head_s">
				<!-- 搜索栏 + 轮播图-->
				<div class="head_top">
					<!--1.1 搜索栏 -->
					<div class="top_t">
						<div class="t_left">
							<a href="#"><img src="../img/tubiao/logow.png"></a>
							<a href="redSpirit.html"><img src="../img/tubiao/20200107185018202.png"></a>
						</div>
						<div class="t_rigth">
							<div class="input">
								<input type="text" id="" value="朋友请听好" />
								<button type="button">全网搜</button>
							</div>
							<div class="t_r1">
								<!-- 下拉 -->
								<a href="#box"><img src="../img/tubiao/tub%20(15).png"></a>
								<!-- <div class="vipbox" id="box" >
								<ul>
									<li>兄澳网</li>
								</ul>	
								</div> -->
								<!-- 信封 -->
								<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor"
									class="bi bi-envelope" viewBox="0 0 16 16">
									<path
										d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z" />
								</svg>
								<!-- 时间 -->
								<a href="History.html">
									<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor"
										class="bi bi-clock" viewBox="0 0 16 16">
										<path
											d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z" />
										<path
											d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z" />
									</svg>
								</a>
								<!-- tv -->
								<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor"
									class="bi bi-tv" viewBox="0 0 16 16">
									<path
										d="M2.5 13.5A.5.5 0 0 1 3 13h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zM13.991 3l.024.001a1.46 1.46 0 0 1 .538.143.757.757 0 0 1 .302.254c.067.1.145.277.145.602v5.991l-.001.024a1.464 1.464 0 0 1-.143.538.758.758 0 0 1-.254.302c-.1.067-.277.145-.602.145H2.009l-.024-.001a1.464 1.464 0 0 1-.538-.143.758.758 0 0 1-.302-.254C1.078 10.502 1 10.325 1 10V4.009l.001-.024a1.46 1.46 0 0 1 .143-.538.758.758 0 0 1 .254-.302C1.498 3.078 1.675 3 2 3h11.991zM14 2H2C0 2 0 4 0 4v6c0 2 2 2 2 2h12c2 0 2-2 2-2V4c0-2-2-2-2-2z" />
								</svg>
								<a href="History.html"><svg class="rad"></svg></a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 视频 -->
			<div class="center">
			<div class="box-0">
				
			</div>

				<div class="video">
					<div class="v_left">

					</div>
					<!-- <div class="v_right">
						
					</div> -->
				</div>
				<!-- 九宫格 -->
				<div class="nine">
					<div class="nine_tit">
						<img src="../img/view/title-1.png">
					</div>
					<div class="nine_1">
						<ul>
							<li>
								<a href="">
									<img src="../img/view/3.1.jpg" alt="">
									<p>微视频丨习近平的读书故事</p>
								</a>
								
							</li>
							<li>
								<a href="">
									<img src="../img/view/3.1.jpg" alt="">
									<p>微视频丨习近平的读书故事</p>
								</a>
								
							</li>
							<li>
								<a href="">
									<img src="../img/view/3.1.jpg" alt="">
									<p>微视频丨习近平的读书故事</p>
								</a>
								
							</li>
							<li>
								<a href="">
									<img src="../img/view/3.1.jpg" alt="">
									<p>微视频丨习近平的读书故事</p>
								</a>
								
							</li>
							<li>
								<a href="">
									<img src="../img/view/3.1.jpg" alt="">
									<p>微视频丨习近平的读书故事</p>
								</a>
								
							</li>
							<li>
								<a href="">
									<img src="../img/view/3.1.jpg" alt="">
									<p>微视频丨习近平的读书故事</p>
								</a>
								
							</li>
							<li>
								<a href="">
									<img src="../img/view/3.1.jpg" alt="">
									<p>微视频丨习近平的读书故事</p>
								</a>
								
							</li>
							<li>
								<a href="">
									<img src="../img/view/3.1.jpg" alt="">
									<p>微视频丨习近平的读书故事</p>
								</a>
								
							</li>
							<li>
								<a href="">
									<img src="../img/view/3.1.jpg" alt="">
									<p>微视频丨习近平的读书故事</p>
								</a>
								
							</li>
						</ul>
					</div>
					<!-- <iframe src="blob:https://www.mgtv.com/736fb15a-2c4f-4ee5-a106-4ee98bf1c240" frameborder="0"></iframe> -->
				</div>
			</div>
		</div>

	</body>
</html>
